<ion-header no-border align-title="center">

  <ion-navbar color="primary">
    <ion-title mode="ios">租金详情</ion-title>

    <ion-buttons end class="empty-button">
      <button ion-button >
        <ion-icon></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>

<ion-content padding>

  <div class="address">
    <ion-icon name="pin">
      <span>{{settlement.build_address}} - {{settlement.room_name}}</span>
    </ion-icon>
  </div>

  <ion-list class="settlement-detail">

    <ion-grid>

      <ion-row>
        <ion-col col-6>
          结算月份：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_month}}
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-6>
          上次结算电量：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_last_electricity}}
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-6>
          上次结算水量：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_last_water}}
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-6>
          当前结算电量：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_electricity}}
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-6>
          当前结算水量：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_water}}
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-6>
          当前电量结算金额：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_electricity_amount}}
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-6>
          当前水量结算金额：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_water_amount}}
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-6>
          附加金额：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_additional_amount}}
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-6>
          租金：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_rent_amount}}
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-6>
          合计金额：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_total_amount}}
        </ion-col>
      </ion-row>

      <ion-row>
        <ion-col col-6>
          备注：
        </ion-col>
        <ion-col col-6>
          {{settlement.settlement_remark}}
        </ion-col>
      </ion-row>

    </ion-grid>

  </ion-list>

</ion-content>
